﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>统一认证服务登录</title>
    <link rel="shortcut icon" th:href="@{/logo.png}" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <script type="text/javascript" src="js/jquery-1.9.0.min.js"></script>
    <script type="text/javascript" src="images/login.js"></script>
    <link href="css/login2.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<h1>统一认证服务登录<sup>standard-cloud</sup></h1>

<div class="login" style="margin-top:50px;">

    <div class="header">
        <div class="switch" id="switch"><a class="switch_btn_focus" id="switch_qlogin" href="javascript:void(0);"
                                           tabindex="7">快速登录</a>
            <a class="switch_btn" id="switch_login" href="javascript:void(0);" tabindex="8">快速注册</a>
            <div class="switch_bottom" id="switch_bottom" style="position: absolute; width: 64px; left: 0px;"></div>
        </div>
    </div>


    <div class="web_qr_login" id="web_qr_login" style="display: block; height: 235px;">

        <!--登录-->
        <div class="web_login" id="web_login">


            <div class="login-box">


                <div class="login_form">
                    <!--<form action="" name="loginform" accept-charset="utf-8" id="login_form" class="loginForm"-->
                          <!--method="post"><input type="hidden" name="did" value="0"/>-->
                        <input type="hidden" name="to" value="log"/>
                        <div class="uinArea" id="uinArea">
                            <label class="input-tips" for="u">帐号：</label>
                            <div class="inputOuter" id="uArea">

                                <input type="text" id="username" name="username" class="inputstyle"/>
                            </div>
                        </div>
                        <div class="pwdArea" id="pwdArea">
                            <label class="input-tips" for="p">密码：</label>
                            <div class="inputOuter" id="pArea">

                                <input type="password" id="password" name="p" class="inputstyle"/>
                            </div>
                        </div>

                        <div style="padding-left:50px;margin-top:20px;"><input type="submit" value="登 录"
                                                                               style="width:150px;"
                                                                               class="button_blue" onclick="submitForm()"/></div>
                    <!--</form>-->
                </div>

            </div>

        </div>
        <!--登录end-->
    </div>

    <!--注册-->
    <div class="qlogin" id="qlogin" style="display: none; ">

        <div class="web_login">
            <!--<form name="form2" id="regUser" accept-charset="utf-8" action="" method="post">-->
                <input type="hidden" name="to" value="reg"/>
                <input type="hidden" name="did" value="0"/>
                <ul class="reg_form" id="reg-ul">
                    <div id="userCue" class="cue">快速注册请注意格式</div>
                    <li>

                        <label for="user" class="input-tips2">用户名：</label>
                        <div class="inputOuter2">
                            <input type="text" id="rusername" name="user" maxlength="16" class="inputstyle2"/>
                        </div>

                    </li>

                    <li>
                        <label for="passwd" class="input-tips2">密码：</label>
                        <div class="inputOuter2">
                            <input type="password" id="rpasswd" name="passwd" maxlength="16" class="inputstyle2"/>
                        </div>

                    </li>
                    <li>
                        <label for="passwd2" class="input-tips2">确认密码：</label>
                        <div class="inputOuter2">
                            <input type="password" id="rpassword2" name="" maxlength="16" class="inputstyle2"/>
                        </div>

                    </li>

                    <li>
                        <label for="qq" class="input-tips2">QQ：</label>
                        <div class="inputOuter2">

                            <input type="text" id="qq" name="qq" maxlength="10" class="inputstyle2"/>
                        </div>

                    </li>

                    <li>
                        <div class="inputArea">
                            <input type="button" id="reg" style="margin-top:10px;margin-left:85px;" class="button_blue"
                                   value="同意协议并注册"/> <a href="#" class="zcxy" target="_blank">注册协议</a>
                        </div>

                    </li>
                    <div class="cl"></div>
                </ul>
            <!--</form>-->
        </div>
    </div>
    <!--注册end-->
</div>
<div class="jianyi">*推荐使用ie8或以上版本ie浏览器或Chrome内核浏览器访问本站</div>
</body>

<script type="text/javascript">
    function postAjax(url, json, success) {
        $.ajax({
            type : "POST",
            url : url,
            data : JSON.stringify(json),
            dataType : "json",
            contentType : "application/json",
            success : function(data) {
                if (data.code == 0) {
                    success(data);
                } else {
                    alert("服务器异常,请联系开发者");
                }
            },
            error : function(data) {
                alert(url + "请求错误：" + JSON.stringify(data));
            }
        });
    }

    function submitForm() {
        var username = $("#username").val();
        var password = $("#password").val();
        var url = "/standard-cloud-facade/account/login";
        var json = {
            "username" : username,
            "password" : password
        };
        postAjax(
            url,
            json,
            function(data) {
                console.info(data);
                if (data.code == 0) {
                    var authUrl = "/standard-cloud-facade/account/authen";
                    var param = {};
                    postAjax(
                        authUrl,
                        param,
                        function(data) {
                            if (data.code == 0) {
                                window.location.href = "/standard-cloud-facade/index";
                            } else {
                                alert(data.msg);
                            }
                  });
                } else {
                    alert(data.msg);
                }
            });
    }
</script>
</html>